.box {
  width: 700px;
  height: 100px;
  margin-top: 300px;
  margin:251px auto;
}
.box ul{
  position: relative;
  display: flex;
  width: 700px;
  height: 30px;
  background-color: #e4e6ec;
  border-radius: 20px;
}
p {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  caret-color: rgba(0,0,0,0);
}
.yangshi {
  position: absolute;
  display: flex;
  width: 200px;
  height: 30px;
  background-color: #2ec4c8;
  border-radius: 20px;

}
.circle {
  position: absolute;
  margin-top: -10px;
  left:150px;
  display: block;
  width: 50px;
  height: 50px;
  background-color:#fffeff;
  border-radius: 50%;
  border:5px solid  #2ac2d1 ;
  cursor: pointer;
  caret-color: rgba(0,0,0,0);
}
